<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css" />
</head>
<body>
<div class="page-container">
    <div id="div1">click me</div>
    <div class="part_2-2-1">
        <div>1-1</div>
        <div>1-2</div>
        <div>1-3</div>
        <div>1-4</div>
        <div>1-5</div>
    </div>
    <div class="part_2-2-2">
        <div>2-1</div>
        <div>2-2</div>
        <div>2-3</div>
        <div>2-4</div>
        <div>2-5</div>
    </div>
    <div class="wrapper-box append-div-box"></div>
    <button id="execute">点击执行命令</button>
    <button id="undo">点击执行命令</button>

    <!-- part_2 8.js -->
    <p>函数节流：<input type="text" name="throttle"></p>
    <div class="wrapper-box throttle-box"></div>
    <ul class="wrapper-box time-chunk-list"></ul>
    <!-- part_3 singleton_2.js -->
    <div id="sluggishness">ie与chrome点击测试惰性判断加载事件</div>

    <!-- part_3 singleton.js singleton_2.js -->
    <div class="wrapper-box part3-wrapper-1"></div>
    <div class="wrapper-box part3-wrapper-2">
        <span class="create-layer-btn">登录弹框</span>
    </div>
    <div class="wrapper-box part3-wrapper-3">
        <span class="create-iframe-btn">创建iframe弹框</span>
    </div>

</div>


<script src='./part_3/strategy_1.js'></script>
</body>
</html>